@charset 'utf-8';
body {
    section {
        .news_top {
            margin-top: 30px;
            margin-bottom: 50px;
            h4 {
                font-size: 30px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #ff6b08;
                margin-bottom: 30px;
            }
            div {
                img {
                    border: 2px solid #ccc;
                }
            }
        }
        .news_list {
            margin-top: 30px;
            .list {
                .world {
                    h3 {
                        font-size: 18px;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0px;
                        color: #666666;
                    }
                    p {
                        font-family: MicrosoftYaHei;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0px;
                        color: #2a2a2a;
                        line-height: 28px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .time {
                        padding-bottom: 10px;
                        padding-top: 10px;
                    }
                }
            }
            button {
                width: 98px;
                height: 32px;
                border-radius: 15px;
                border: solid 1px #ff6900;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #ff6900;
                text-align: center;
                margin-top: 3px;
                -webkit-appearance: none;
            }
            button:focus {
                appearance: none;
                -webkit-appearance: none;
                background-color: #ff6900;
                color: #fff;
            }
            img {
                margin-right: 25px;
            }
            //          button:focus<.news_list>.list h3{
            //            color: #ff6900;  
            //          }
        }
        .line {
            width: 80%;
            height: 2px;
            margin-bottom: 30px;
            margin-top: 70px;
            background: #d4d4d4;
            ;
            //margin: 0 auto;
            margin-left: 10%;
        }
        .choice_button {
            width: 308px;
            padding-bottom: 20px;
            margin: 0 auto;
            button {
                width: 33px;
                height: 31px;
                border: solid 1px #dddddd;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #2a2a2a;
                -webkit-appearance: none;
                background: #fff;
                text-align: center;
            }
            button:first-child {
                width: 52px;
            }
            button:nth-child(2),
            button:last-child {
                width: 62px;
            }
            button:focus{
                background: #e34637;
                color: #ffffff;
            }
        }
    }
}

@media screen and (max-width:992px) {
    section {
        .news_top {
            div {
                img {
                    width: 230px;
                }
            }
        }
    }
}

@media screen and (max-width:768px) {
    section {
        .news_top {
            width: 100%;
            div {
                img {
                    width: 100%;
                }
            }
        }
    }
}